﻿/*
    This file is to show how CSS and other static resources (such as images) can be
    used from a library project/package.
*/

.my-component {
    border: 2px dashed red;
    padding: 1em;
    margin: 1em 0;
    background-image: url('background.png');
}

body {
}

* {
    box-sizing: border-box;
}

@media (min-width: 768px) {
    figure {
        flex-direction: row;
    }
}

figure {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    margin-left: -15px;
    margin-right: -15px;
}
.sparkline-main
{
    flex: 1;
    padding-left: 15px;
    padding-right: 15px;
    align-self: flex-start;
}

@font-face {
    font-family: Sparklines;
    src: url("Sparklines.otf") format("opentype");
}

.Sparklines {
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    font-family: 'Sparklines', sans-serif;
    font-size: 18px;
    animation: pulse;
    animation-duration: 0.01s;
    animation-iteration-count: 1;
}

@keyframes pulse {
    0% {
        font-size: 0px;
    }

    100% {
        font-size: 18px;
    }
}